html{font-family:"Microsoft Yahei"!important;}
.main-content{
    height: 17.22rem;
    width: 100%;
    background: url("../images/investment/background-img.png") no-repeat center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin:0 auto;
}


.header{
    width:100%;
}

.precision{
    width:100%;
    padding-top:0.64rem;
}
.precision>img{
    width:64.8%;
    height:0.5rem;
    margin:0 auto;
}

.precision-person{
    width:100%;
    margin-bottom:0.25rem;
}

.precision-person>img{
    width:53%;
    height:0.83rem;
    margin:0 auto;
}

.grade{
    width:100%;
    margin-bottom:0.1rem;
}

.grade-detail{
    overflow: hidden;
    margin: 0 auto 0.08rem;
    text-align: center;
    font-size:0.3rem;
}

.grade-detail>span{
    font-size:0.3rem;
    display:inline-block;
}

.grade-detail>img{
    display:inline-block;
    height:0.25rem;
}

.grade-text{
    width:100%;
    text-align: center;
}
.grade-text img{
    height:0.65rem;
    margin:0 auto;
}

.footer{
    width:100%;
    text-align: center;
    position: relative;
}

.footer-bg{
    width:92.4%;
    height:13.3rem;
    background:url("../images/investment/choice_bg@2x.png") no-repeat;
    background-size:100% 100%;
    margin-left: 2.95%;
}

.footer-tab{
    width:100%;
    padding-top: 4rem;
}

.footer-tab>img{
    width:4.8rem;
    height:0.87rem;
    margin: 0 auto;
}

.footer-surprise-info{
    margin:0.2rem 0.3rem;
}

.img-main{
    width:4.24rem;
    height:6.2rem;
    margin:0 auto;
}

.img-sex{
    position: absolute;
    width:1.62rem;
    height:0.84rem;
    right: 1.6rem;
}

.img-sex.img-sex-1{
    top: 5.05rem;
}

.img-sex.img-sex-2{
    top: 7rem;
}

.footer-btn{
    width:100%;
}

.footer-btn>img{
    width:4.46rem;
    height:1.08rem;
    margin:0 auto;
}

#area1{
    width: 1.1rem;
    height: 0.5rem;
    position: absolute;
    left: 2.7rem;
    top: 5.25rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
    /*-webkit-appearance: none;*/
    background-color: #fff;
}

.telephone-1{
    position: absolute;
    left: 2.7rem;
    top: 6.2rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
    width: 3rem;
}

#area2{
    width: 1.1rem;
    height: 0.5rem;
    position: absolute;
    left: 2.7rem;
    top: 7.18rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
    /*-webkit-appearance: none;*/
    background-color: #fff;
}

.telephone-2{
    position: absolute;
    left: 2.7rem;
    top: 8.18rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
    width: 3rem;
    font-family: "Microsoft Yahei";
}

.address{
    width: 2.9rem;
    height: 1rem;
    position: absolute;
    left: 2.8rem;
    top: 10.08rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
    font-family: "Microsoft Yahei";
}

.footer-award-info{
    margin:0.2rem 0.3rem;
}

.footer-award-info>img{
    width:4.23rem;
    height:4.24rem;
    margin:0 auto;
}

.user-name{
    position: absolute;
    left: 2.7rem;
    top: 5.28rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
    width: 3rem;
}

.user-telephone{
    position: absolute;
    left: 2.7rem;
    top: 6.2rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
    width: 3rem;
}

.user-address{
    width: 2.9rem;
    height: 1rem;
    position: absolute;
    left: 2.8rem;
    top: 8.12rem;
    border: none;
    outline: none;
    font-size: 0.3rem;
}

.footer>img{
    width: 3.71rem;
    height: 0.45rem;
    position: absolute;
    bottom: -0.2rem;
    left: 50%;
    margin-left: -1.655rem;
}

/*弹窗*/
.success-alert{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    overflow: hidden;
    z-index: 998;
}

.shadow{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.7;
    z-index: 1;
}

.success-info{
    position: fixed;
    top: 2.7rem;
    left: 0.765rem;
    width: 5.97rem;
    height:8.07rem;
    overflow: hidden;
    z-index: 997;
    background:url("../images/investment/success-alert@2x.png") no-repeat;
    background-size:5.97rem 8.07rem;
}

.share-layer{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    overflow: hidden;
    z-index: 999;
    display: none;
}
.share-layer img{ width: 100%;  }
.liulanqier img{ position: absolute;bottom: -1.1rem; left: 0; }
.i-know{
    width:100%;
    padding-top:4.7rem;
}

.i-know>img{
    width:4rem;
    height:1rem;
    margin: 0 auto 0.15rem;
}

.to-share{
    width:100%;
}

.to-share>img{
    width:4rem;
    height:1rem;
    margin:0 auto;
}

.close-btn{
    width:100%;
}

.close-btn>img{
    width:0.79rem;
    height:0.82rem;
    /*margin:1.35rem auto 0;*/
    position: absolute;
    z-index: 998;
    top: 10.5rem;
    left: 3.3rem;
}
#city_1{
     position: absolute;
     margin-left: 1.1rem;
     top: 8.55rem;
 }

#city_2{
    position: absolute;
    margin-left: 1.1rem;
    top: 6.6rem;
}

.prov{
    width: 1.35rem;
    margin-right: 0.55rem;
    border: none;
    outline: none;
    background: transparent;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}

.city{
    border: none;
    outline: none;
    width: 1.35rem;
    background: transparent;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
select{
    background-color: transparent;
    font-size: 0.3rem;
    font-family: "Microsoft Yahei";
}
option{
    border: 1px solid black;
    font-family: "Microsoft Yahei";
}

input,textarea{
    font-family: "Microsoft Yahei";
}